<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ attribute name="name" type="java.lang.String" required="true" description="验证码输入框名称"%>
<%@ attribute name="inputCssStyle" type="java.lang.String" required="false" description="验证框样式"%>
<%@ attribute name="imageCssStyle" type="java.lang.String" required="false" description="验证码图片样式"%>
<%@ attribute name="buttonCssStyle" type="java.lang.String" required="false" description="看不清按钮样式"%>
<div class="col-xs-6 col-md-4"><input class="form-control" type="text" id="${name}" name="${name}" maxlength="5" class="txt required" style="font-weight:bold;width:100%;line-height: 26px;padding: 0 5px;${inputCssStyle}"/></div>
<div class="col-xs-6 col-md-8"><img src="${pageContext.request.contextPath}/servlet/validateCodeServlet" onclick="$('.${name}Refresh').click();" class="mid ${name}" style="width: 60px;height: 30px;  margin: 0 0 0 10%;;border: 1px solid #999;${imageCssStyle}"/>
<a href="javascript:" onclick="$('.${name}').attr('src','${pageContext.request.contextPath}/servlet/validateCodeServlet?'+new Date().getTime());" class="mid ${name}Refresh text-muted text-xs" style="${buttonCssStyle}">看不清<br/>换一张</a></div>